import React, { Component } from 'react';

import '../static/data.less'
class Data extends React.Component {
    state={
        list:[1,1,1,1,1,1,1,1,1]
    }
  render() {
    return (
    <div className='box'>
        <div className='box-left'>
            <div className='box-left-top'>
                <h3>韩国全面部署2萨德 出动员封锁出动8000名警员封锁道路</h3>
                <ul>
                    <li>
                        <span>发布时间：</span>
                        <span>2017-03-07 14:41:05</span>
                    </li>
                    <li>
                        <span>监测时间：</span>
                        <span>2017-03-07 14:41:05</span>
                    </li>
                    <li>
                        <span>来源：</span>
                        <span>CSDN博客</span>
                    </li>
                </ul>
            </div>
            <div className='box-left-conter'>
                <p>黑色调搭配金色招牌，有些五星酒店的风格。团购套餐不能用包间，但我想他家比较高端，散座的客人不多的话，环境也应该是很好的。事实上，散座的环境也确实很好。他家的散座不是通间的大厅，而是有隔断的几间，一间里大概可以坐4桌客人，也是有透明隔断的，私密性挺好，完全不会有被邻桌打扰的感觉。环境有些像会所，光线暗暗的，私密有品。对他家的环境很满意，觉的散座也差不多像包间一样了。吃的方面，团购了一个4人套餐，我们去了6个人，又加点了1个凉菜和2个热菜，总共是4个凉菜，8个热菜，1个主食，1个小食，1个甜品。菜品卖相和味道都很精致，每道菜都是店家用心做的，都挺好吃，没有不喜欢的，即使是最普通的清炒小油菜，也挺有滋味。而且菜量也实在，实际上他家的4人餐，我们6个人吃都是足够的了，因为加点了菜，最后打包了不少。团购套餐的品质十分有保证，和之前吃过一些所谓的挺有名的大店，团购套餐却十分的渣形成鲜明的对比，他家很有大店风范。服务方面，服务团购，折扣力度很大，价格相对是很亲民的。</p>
                <div className='img'>
                      <img src={require('../static/image/left.png')} alt=""/>  
                      <img src={require('../static/image/right.png')} alt=""/>  
                </div>
                 <p>黑色调搭配金色招牌，有些五星酒店的风格。团购套餐不能用包间，但我想他家比较高端，散座的客人不多的话，环境也应该是很好的。事实上，散座的环境也确实很好。他家的散座不是通间的大厅，而是有隔断的几间，一间里大概可以坐4桌客人，也是有透明隔断的，私密性挺好，完全不会有被邻桌打扰的感觉。环境有些像会所，光线暗暗的，私密有品。对他家的环境很满意，觉的散座也差不多像包间一样了。吃的方面，团购了一个4人套餐，我们去了6个人，又加点了1个凉菜和2个热菜，总共是4个凉菜，8个热菜，1个主食，1个小食，1个甜品。菜品卖相和味道都很精致，每道菜都是店家用心做的，都挺好吃，没有不喜欢的，即使是最普通的清炒小油菜，也挺有滋味。而且菜量也实在，实际上他家的4人餐，我们6个人吃都是足够的了，因为加点了菜，最后打包了不少。团购套餐的品质十分有保证吃的方面，团购了一个4人套餐，我们去了6个人，又加点了1个凉菜和2个热菜，总共是4个凉菜，8个热菜，1个主食，1个小食，1个甜品。菜品卖相和味道都很精致，每道菜都是店家用心做的，都挺好吃，没有不喜欢的，即使是最普通的清炒小油菜，也挺有滋味。而且菜量也实在，实际上他家的4人餐，我们6个人吃都是足够的了，因为加点了菜，最后打包了不少。团购套餐的品质十分有保。</p>
            </div>
        </div>
        <div className='box-right'>
              <h5>相似文章 <span> 20条</span></h5>                              
              <ul>
                 {
                     this.state.list.map((item,index)=>{
                         return(
                            <li key={index}>
                            <div className='li-left'>
                                <img src={require('../static/image/li.png')} alt=""/>
                            </div>
                            <div className='li-right'>
                                <div className='li-right-top'>
                                    <p>机构改革怎么改？三中全会公报中的七...</p> 
                                    <p>09:54</p>                           
                                </div>
                                <p>提炼和服务企业级中后台产品的交互语言和视觉示意提炼和服务企业级中后...</p>
                            </div>
                        </li>
                         )
                     })
                 }
              </ul>
        </div>
    </div>
    )
  }
}

export default Data